<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>组织结构设置</title>
    <script>
        var requireExtraPaths = {
            extrance: '../../../system_js/sysOrganInfoSet'
        };
    </script>
    <jsp:include flush="true" page="../base/base.jsp"></jsp:include>
</head>
<body class="site-body">
<section class="main-container">
    <!-- construct tree start -->
    <article class="construct-tree construct-tree2" id="leftbox">
        <div class="title-bar clearfix">
            <div class="tree-search clearfix">
                <input type="text" class="input-text" placeholder="搜索" style="width: 80px;" id="searchlabel">
                <span class="icon"></span>
            </div>
        </div>
        <a class="add-user" id="add">+新增机构</a>
        <div class="tree-area">
            <ul class="ztree" id="orgTree" style="overflow: auto;">
            </ul>
        </div>
    </article>
    <article class="site-col-extra overflow-a" id="rightbox">
        <div class="user-info-wrap">
            <div class="user-info-box">
            <h2 class="title-style1"><span>基本信息</span></h2>
            <form id="orgForm" name="orgForm" class="pr-s">
                <ul class="form-grid form-grid2 clearfix">
                    <li>
                        <label class="label-text label-require"><span class="red-star">*</span>机构编码：</label>
                        <input id="organCd" name="organCd" class="input-text" data-validator="{required:true,charNum:true}" maxlength="8" placeholder="最大长度为16个字符"/>
                    </li>
                    <li>
                        <label class="label-text label-require"><span class="red-star">*</span>机构名称：</label>
                        <input type='hidden' name="organId" id="organId"/>
                        <input name="organName" id="organName" class="input-text" data-validator="{required:true,maxLength:32}" maxlength="32" />
                    </li>
                    <li>
                        <label class="label-text label-require"><span class="red-star">*</span>上级机构：</label>
                        <input type='hidden' name="parentOrganId" id="parentOrganId"/>
                        <%-- <form:input path="pOrganName" class="input-text" data-validator="{required:true}" value="" disabled="disabled"/> --%>
                        <input type="text" id="pOrganName" name="pOrganName" class="input-text" disabled="disabled" data-validator="{required:true}"/>
                    </li>
                    <li id="corpli">
                        <label class="label-text label-require"><span class="red-star">*</span>所属企业：</label>
                        <input type="hidden" id="corpId" name="corpId"/>
						<input id="corpName" name="corpName" class="input-text" user-type="treeDialog" 
							data-options="{url:'/sysCorpInfo/getCorpTree.htm',name:'corpName',idKey:'corpId',pIdKey:'parentCorpId'}" 
							data-validator="{required:true}"  style="background-color: #f7f7f7"/>
                    </li>
                    <li>
                        <label class="label-text label-require"><span class="red-star">*</span>机构类型：</label>
                        <!-- <select dict="COM00000" data-options="{defaults:''}" name="organType" id="organType" data-validator="{required:true}" class="input-text">
								<option value="">请选择</option>
						</select> -->
						<select dict="COM00000"  name="organType" id="organType" data-validator="{required:true}" style="width: 187px;">
								<option value="">请选择</option>
						</select>
                    </li>
                    <li>
                        <label class="label-text label-require">机构全称：</label>
                        <input id="organShortName" name="organShortName" class="input-text" data-validator="{maxLength:32}" maxlength="32"/>
                    </li>
                    <li>
                        <label class="label-text label-require">联 系 人：</label>
                        <input id="ctcUser" name="ctcUser" class="input-text" data-validator="{maxLength:32}" maxlength="32"/>
                    </li>
                    <li>
                        <label class="label-text label-require">联系电话：</label>
                        <input id="ctcTel" name="ctcTel" class="input-text" maxlength="11" data-validator="{number:true}"/>
                    </li>
                    <li>
                        <label class="label-text label-require">所属省份：</label>
                        <!-- <select id="provinceId" name="provinceId" dict="ADS00000" class="input-text">
							<option value="">请选择省份</option>
						</select> -->
						<select id="provinceId" name="provinceId" dict="ADS00000" style="width: 187px;" data-options="{cascade:'cityId'}">
							<option value="">请选择省份</option>
						</select>
                    </li>
                    <li>
                        <label class="label-text label-require">所属城市：</label>
                        <select id="cityId" name="cityId" style="width: 187px;" data-options="{url:'/baseOrgan/getCityByProvinceId.htm',textField:'codeDsc',idField:'codeValue',param:'provinceId',load:false}">
							<option value="">请选择城市</option>
						</select>
                    </li>
                    <li>
                        <label class="label-text label-require">邮箱地址：</label>
                        <input id="emailAdr" name="emailAdr" class="input-text" maxlength="32" data-validator="{email:true}"/>
                    </li>
                    <li>
                        <label class="label-text label-require">排序：</label>
                        <input id="sort" name="sort" class="input-text" maxlength="3" data-validator="{number:true}"/>
                    </li>
					<li class="li-textarea mb0">
						<label class="label-text vt">备注：</label>
						<textarea name="remark"  id="remark" cols="30" rows="6" placeholder="请输入备注信息"></textarea>
						<!-- <textarea id="remark" name="remark" rows="6" cols="30" maxlength="200"></textarea> -->
					</li>
				</ul>
			</form>
            </div>
			<div class="user-btn-box">
				<a id="saveOrUpdate" class="btn btn-save btn-medium">保存</a>
                <a id="delete" class="btn btn-cancel btn-medium">删除</a>
                <!-- <a href="javascript:;" class="save" id="saveOrUpdate">保存</a> <a href="javascript:;"
							class="del" id="delete" style="display: none" data-authority="eb92fb98a9db4d4889af8a743c13541e">删除</a>  -->
			</div>
		</div>
	</article>
</section>
</body>
</html>